
<ion-slides style="background: black"
            (ionSlideWillChange)="onSlideWillChange($event)"
            (ionSlideDidChange)="onSlideDidChange($event)"
            (ionSlideDrag)="onSlideDrag($event)"
            pager="true"
            effect="flip">

  <ion-slide style="background: red; color: white;">
    <h1>Slide 1</h1>
  </ion-slide>

  <ion-slide style="background: white; color: blue;">
    <h1>Slide 2</h1>
  </ion-slide>

  <ion-slide style="background: blue; color: white;">
    <h1>Slide 3</h1>
  </ion-slide>

</ion-slides>
